<template>
  <ul>
    <router-link to="/content/talk"  custom
      ><li @click="handle">聊天</li></router-link
    >
    <router-link to="/content/play"  custom
      ><li @click="handle" class="color">约她</li></router-link
    >
  </ul>
</template>
<script>
export default {
  methods: {
    handle () {
      // console.log(1);
      this.$router.push('/liaotianshi')
    }
  }
}
</script>
<style lang="scss" scoped>
ul {
  display: flex;
  height: 40px;
  line-height: 40px;
  width: 100%;
  background: #eee;
  li {
    flex: 1;
    text-align: center;
    color: #666;
    background: #fff;
  }
}
.color {
  color: #fff;
  background: #f60;
}
</style>
